@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="customerInfoForm">
            <div style="display: none">
                <input type="hidden" id="id" value="">
                <input type="hidden" id="provinceValue" value="">
                <input type="hidden" id="citiesValue" value="">
                <input type="hidden" id="regionValue" value="">
                <input type="hidden" id="oneChannelValue" value="">
                <input type="hidden" id="twoChannelValue" value="">
                <input type="hidden" id="thrChannelValue" value="">
                <input type="hidden" id="oneMediumValue" value="">
                <input type="hidden" id="twoMediumValue" value="">
                <input type="hidden" id="thrMediumValue" value="">
            </div>
            <div class="row">
                <div class="col-sm-4 b-r">
                    <#input id="customerName" name="客户姓名*" underline="true"/>
                    <#input id="pseudonym" name="化名" underline="true"/>

                    <#input id="customerAge" name="年龄" underline="true"/>
                    <#select id="customerSex" name="性别" underline="true">
                        <option value="1">男</option>
                        <option value="2">女</option>
                    </#select>
                    <#select id="consumptionHabits" name="消费习惯" underline="true" />
                    <div class="form-group">
                        <label class="col-sm-3 control-label">一级渠道</label>
                        <div class="col-sm-9">
                            <select disabled="true" class="form-control" id="oneChannel" name="oneChannel"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">二级渠道</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="twoChannel" name="twoChannel"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">三级渠道</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="thrChannel" name="thrChannel"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#select id="country" name="国家" underline="true">
                        <option value="中国">中国</option>
                    </#select>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">省份</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="province" name="province"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">城市</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="cities" name="cities"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">区域</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="region" name="region"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#input id="address" name="地址" underline="true"/>
                    <#input id="zipCode" name="邮编" underline="true"/>
                    <#select id="occupation" name="职业" underline="true"/>
                    <#input id="email" name="Email" underline="true"/>
                </div>
                <div class="col-sm-4">
                    <#input disabled="disabled" id="customerPhone" name="手机号码*" value="${customerPhone}" underline="true"/>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">电话使用人</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="phoneSharShip" name="phoneSharShip">
                                <option value="本人">本人</option>
                                <option value="爸爸">爸爸</option>
                                <option value="妈妈">妈妈</option>
                                <option value="儿子">儿子</option>
                                <option value="女儿">女儿</option>
                                <option value="朋友">朋友</option>
                                <option value="其他">其他</option>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">咨询项目</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="appointmentPayService"
                                    name="appointmentPayService"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#select id="consumAbility" name="消费能力" underline="true"/>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">一级媒介</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="oneMedium" name="oneMedium"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">二级媒介</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="twoMedium" name="twoMedium"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">三级媒介</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="thrMedium" name="thrMedium"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#input id="fixedTelephone" name="座机" underline="true"/>
                    <#input id="otherContact" name="其他联系方式" underline="true"/>
                    <#input id="birthday" name="生日" underline="true" type="date"
                            clickFun="laydate({istime: false, format: 'YYYY-MM-DD'})"/>
                    <#input id="idCardNo" name="身份证号" underline="true"/>
                    <#input id="qqNumber" name="QQ号" underline="true"/>
                    <#input id="wechatNumber"  name="微信号" underline="true"/>
                    <#input id="identificationNumber" name="标识号*" underline="true"/>
                </div>
                <div class="col-sm-4">
                    <#input  id="customerStatus" disabled="disabled" name="客户状态" value="新客首次" underline="true"/>
                    <div style="display: none">
                        <#select disabled="disabled" id="isReturnVisit" name="是否回访" underline="true">
                            <option value="0">--请选择--</option>
                        </#select>
                    </div>
                    <#select id="fieldTc" name="现场TC" underline="true"/>
                    <#input id="referee" readonly="readonly" name="推荐人" underline="true"/>
                    <div class="referee_btn" onclick="CustomerInfoDlg.getReferee()">选择</div>
                    <#select id="refereeShip" name="与推荐人关系" underline="true"/>
                    <#input id="nonTransactionLevel" name="未成交等级" underline="true"/>
                    <#input id="transactionLevel" name="成交等级" underline="true"/>
                    <!--<#input id="arrivalTime" name="到店时间" underline="true" type="datetime" clickFun="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"/>-->

                    <#input disabled="disabled" id="archiving" name="建档人" underline="true" value="${userName}"/>
                    <!--<#input id="filingTime" name="建档时间" underline="true" type="datetime" clickFun="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"/>-->
                    <!--<#input id="entryClerk" name="录入人" underline="true"/>-->
                    <#input id="auditorTime" name="审核时间" underline="true" type="datetime"
                            clickFun="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"/>
                    <#input id="numberOfAudits" name="审核次数" underline="true"/>
                    <#input id="finalAuditor" name="最后审核人" underline="true"/>
                    <#select id="characters" name="性格" underline="true"/>
                    <#select id="maritalStatus" name="婚姻状况" underline="true">
                        <option value="0">请选择</option>
                        <option value="1">已婚</option>
                        <option value="2">未婚</option>
                        <option value="3">离异</option>
                    </#select>
                    <#select id="isHaveChildren" name="有无小孩" underline="true">
                        <option value="0">请选择</option>
                        <option value="1">有</option>
                        <option value="2">无</option>
                    </#select>
                </div>
            </div>
            <div style="display: none">
                <div class="row">
                    <label class="control-label"> 不回访原因</label>
                    <div><textarea disabled="disabled" id="causeOfNoReturnVisit" name="causeOfNoReturnVisit" rows=5
                                   cols=150></textarea></div>
                </div>
            </div>
            <div class="row">
                <label class="control-label"> 备注</label>
                <div><textarea id="remarks" name="remarks" rows=5 cols=150></textarea></div>
            </div>
            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="CustomerInfoDlg.addNatureCustomerSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="CustomerInfoDlg.close()"/>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/arrival/customer/customer_info.js"></script>
<script src="${ctxPath}/static/js/common/jsAddresss.js"></script>
<script src="${ctxPath}/static/js/common/jsChannel.js"></script>
<script src="${ctxPath}/static/js/common/jsMedium.js"></script>
<script type="text/javascript">
    document.getElementById("provinceValue").value = "湖北";
    document.getElementById("citiesValue").value = "武汉";
    document.getElementById("regionValue").value = "市辖区";
    var regioni = document.getElementById("regionValue").value;
    var provincei = document.getElementById("provinceValue").value;
    var citiesi = document.getElementById("citiesValue").value;
    var oneChanneli = document.getElementById("oneChannelValue").value;
    var twoChanneli = document.getElementById("twoChannelValue").value;
    var thrChanneli = document.getElementById("thrChannelValue").value;
    var oneMediumi = document.getElementById("oneMediumValue").value;
    var twoMediumi = document.getElementById("twoMediumValue").value;
    var thrMediumi = document.getElementById("thrMediumValue").value;
    var ChannelList;
    var MediumList;
    oneChanneli = "直接上门";
    //初始化下拉渠道列表
    $.post(Feng.ctxPath + "/channel/getChannelsss", function (data) {
        ChannelList = data;
        channelInit('oneChannel', 'twoChannel', 'thrChannel');
    }, "json");
    //初始化下拉媒介列表
    $.post(Feng.ctxPath + "/medium/getMedium", function (data) {
        MediumList = data;
        mediumInit('oneMedium', 'twoMedium', 'thrMedium');
    }, "json");
    addressInit('province', 'cities', 'region');
</script>
<style>
    .referee_btn {
        z-index: 999;
        line-height: 30px;
        position: absolute;
        top: 152px;
        left: 370px;
        display: inline-block;
        text-align: center;
        width: 20%;
        height: 3%;
        cursor: pointer;
        color: white;
        font-size: 14px;
        border-radius: 20px;
        background: url("${ctxPath}/static/img/x19.png") no-repeat;
        background-size: cover;
    }
</style>
@}
